 @charset "utf-8";
.warp{
	width:100%;
	height:100%;
	background: #f2f2f2;
	position: relative;
}

	/*轮播*/
	.banner-swiper{
		width:100%;
		/*height:100%;*/
		/*background: darkcyan;*/
	}
	.banner-wrapper{
		width: 100%;
	}
	#banner-cont{
        width:100%;
		height:5.3125rem;
    }
    .banner-slide{
        text-align: center;
        /*font-size: 18px;*/
        /*background: #fff;*/
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .banner-slide>a{
   	width:100%;
   	height:100%;
   	overflow:hidden ;
   }
   .banner-slide>a>img{
   	display: block;
   	width:100%;
   	height:100%;
   }
	/*无缝滚动*/
/*	/*
	.qimo8{ overflow:hidden; 
			width:100%;
			background:#fff;
			}
	.qimo8 .qimo {width:8000%; 
				height:0.9375rem;
				}
	.qimo8 .qimo div{ float:left;}
	.qimo8 .qimo ul{float:left; 
				height:0.9375rem; 
				overflow:hidden; zoom:1; 
				}
	.qimo8 .qimo ul li{float:left; 
				line-height:0.9375rem;
				 list-style:none;}
	.qimo8 li a{margin-right:10px;color:#666;
	font-size:0.375rem;}*/
	/*活动开始*/
	.activ{
		width:100%;
		height:2.5rem;
		/*background: red;*/
		margin:0.3125rem auto;
	}
.aleft{
	width:4.96875rem;
	height:100%;
	float: left;
	/*background: darkblue;*/
	/*margin-right: 1%;*/
}
.activ-left{
	width:4.96875rem;
	height:100%;
	float: right;
	background: #FFFFFF;
}
.left-txt{
	width:100%;
	height:0.9375rem;
	
}
.left-txt>p{
	text-align: center;
	line-height: 0.9375rem;
	color:#333;
	font-size:0.40625rem;
}
.activ-left>a{
	display: block;
	width:100%;
	height:1.5625rem;
	overflow: hidden;
	}
.activ-left>a>img{
	display: block;
	width:100%;
	height:100%;
	overflow: hidden;
}
.aright{
	width:4.96875rem;
	height:100%;
	float: right;
	/*background: darkblue;*/
	/*margin-left: 1%;*/
}
.activ-right{
	width:4.96875rem;
	height:100%;
	float: left;
	background: #FFFFFF;
}
.right-txt{
	width:100%;
	height:0.9375rem;
	
}
.right-txt>p{
	text-align: center;
	line-height: 0.9375rem;
	color:#333;
	font-size:0.40625rem;
}
.activ-right>a{
	display: block;
	width:100%;
	height:1.5625rem;
	overflow: hidden;
	}
.activ-right>a>img{
	display: block;
	width:100%;
	height:100%;
	overflow: hidden;
}
/*限时购*/
#content{
	width:100%;
	height:6.9rem;
	background: #FFFFFF;
	margin:0.3125rem auto;
}
.timeshop{
	width:100%;
	height:1.5625rem;
}
.timeshop>p{
	text-align: center;
	font-size:0.40625rem;
	line-height: 1.5625rem;
	color:#333;
}
.contimer{
	width:100%;
	height:5.03175rem;
}
.timer{
	width:100%;
	height:0.625rem;
	/*background: yellow;*/
	margin:0 auto 0.3125rem ;
	position: relative;
}

.left-boder{
	width:2.1875rem;
	height:1px;
	background:#007234 ;
	position: absolute;
	left:0.3125rem;
	top:0.3125rem ; 
}
.right-boder{
	position: absolute;
	width:2.1875rem;
	height:1px;
	background:#007234 ;

	right:0.3125rem;
	top:0.3125rem ; 
}
.time-item{
	width:3.28125rem;
	height:0.625rem;
	/*background: darkblue;*/
	text-align:center;
	line-height:0.625rem;
	margin:0 auto;
}
.time-item strong {
	display: block;
	float: left;
	width:0.78125rem;
	height:0.625rem;
	background:#007234;
	color:#fff;
	font-size:0.4375rem;
	margin:0 4px;
	border-radius:4px;
	/*box-shadow:1px 1px 3px rgba(0,0,0,0.2);*/
}

.time-item>span{
	font-size:0.4375rem;
	/*padding:0 1px;*/
	color:#007234;
	font-weight: 900;
	float: left;
}
.txt{
	width:100%;
	height:4.40625rem;
	/*background: darkblue;*/
}
.t-left{
	width: 42%;
	height:100%;
	/*background: darkgoldenrod;*/
	float: left;
}
.cont-img{
	width:3.4375rem;
	height:3.4375rem;
	/*background: darkgoldenrod;*/
	float: right;
	margin:0.4rem ;
	overflow: hidden;
}
.cont-img>a>img{
	display: block;
	width:100%;
	height:100%;
}
.t-right{
	width: 58%;
	height:100%;
	/*background: darkblue;*/
	float: left;
	margin-top: 10px;
}
.cont-tit{
	height:3.4375rem;
	/*background: darkgreen;*/
	float: left;
	margin:0 0.4rem  ;
	position: relative;
}
.cont-tit .h3{
	/*height:1.2rem;*/
	/*background: darkblue;*/
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.cont-tit .h3>p{
	font-size:0.40625rem;
	color:#333;
}
.cont-tit .h4>p{
	font-size:0.34375rem;
	color:#999;
	margin-top: 0.25rem;
}
.cont-tit>p{
	margin-top: 0.2rem;
}
.cont-tit>p>span{
	padding: 0 4px;
}
.cont-tit .hour{
	color:#666;
	font-size:0.34375rem;
	padding:0;
}
.Price{
	color:#007234;
	font-size:0.53125rem;
}
.yprice{
	color:#999;
	font-size:0.34375rem;
}
.btn{
	width:2.1875rem;
	height:0.75rem;
	background: #8BC01F;
	border: none;
	border-radius:5px;
	/*box-shadow:1px 1px 3px rgba(0,0,0,0.2);*/
	position: absolute;
	bottom: 0;
	
}
.btn>p{
	color:#fff;
	font-size:0.34375rem;
}
/*精选商品开始*/
.Select{
	overflow:hidden; 
	width:100%;
	height:7.28125rem;
	background: #fff;
	margin-bottom: 0.3125rem;
	
}
.s-tit{
	width:100%;
	height:1.5625rem;
	background: #fff;
	/*border-bottom: 1px solid #F2F2F2;*/	
}
.s-tit>p{
	color:#333;
	font-size:0.40625rem;
	text-align: center;
	line-height:1.5625rem ;
}
.s-img{
	/*width:1400px !important;*/
	height:5.71875rem !important;
	/*background: darkcyan;*/
	
}
.s-left{
	width: 3.3475rem !important;
	height:5.71875rem !important;
	/*background: darkblue;*/
	margin:0 0 0 0.46875rem !important;
}

.img-left{
	width:100%;
	/*float: right;*/
	overflow: hidden;
}
.img{
	display: block;
	width:3.4375rem !important;
	height:3.4375rem !important;
	/*background:red ;*/
	overflow: hidden;
}
.img>img{
	display: block;
	height:100%;
	width:100%;
	overflow: hidden;
}
.img-text{
/*	width:3.4375rem;*/
	height:1rem;
	margin-top: 0.2rem;
	text-align: left;
	/*background: darkblue;*/
}
.img-text>p{
	text-align: left;
	color:#333;
	font-size:0.375rem;
}
.img-text1{
	/*width:3.4375rem;*/
	margin-top:0.1rem;
	text-align: left;
}
.img-text1>p{
	color:#007234;
	font-size:0.34375rem;
	text-align: left;
}
.s-right{
	width: 3.4375rem;
	height:100%;
	/*background: darkblue;**/
	float: left;
	/*margin-left: 0.3125rem;*/
}
.img-right{
	width:100%;
	height:100%;
	/*background: darkgreen;*/
	float: left;
	overflow: hidden;	
}

/*羊仓市集开始*/
.ycity{
	width:100%;
	height:7.34375rem;
	background: #fff;
}
.yctit{
	width:100%;
	height:1.5625rem;
	background: #fff;
	/*border-bottom: 1px solid #F2F2F2;*/
	position: relative;	
}	
.yctit>p{
	color:#333;
	font-size:0.40625rem;
	text-align: center;
	line-height:1.5625rem ;
}
.yctit>p>span{
	display: block;
	width:0.625rem;
	height:0.625rem;
	overflow: hidden;
	position: absolute;
	top:0.5rem;
	left:3.4375rem;
}
.yctit>p>span>img{
	display: block;
	width:100%;
}
.ycont{
	width:100%;
	height:5.78152rem;
	/*background: darkcyan;*/
}
.ycont-left{
	display: block;
	width:9.0625rem;
	height:5.3125rem;
	/*background: red;*/
	float: left;
	margin:0 0.0625rem 0  0.46875rem;
	overflow: hidden;
	position: relative;
}
.ycont-left>img{
	display: block;
	width:100%;
	height:100%;
}
.z-banck{
	width:0.9375rem;
	height: 2.1875rem;
	background: #fff;
	position: absolute;
	top:0.46875rem;
	left:0.46875rem;
	opacity: 0.6;
	/*position: relative;*/
}

.ycont-right{
	display: block;
	width:4.5rem;
	height:5.3125rem;
	/*background: yellow;*/
	float: left;
}
.ycont-rightjpg{
	display: block;
	height:2.625rem;
	width: 4.5rem;
	/*background: darkmagenta;*/
	overflow: hidden;
	position: relative;
}
.ycont-rightjpg>img{
	width:100%;
	display: block;
}
.zbanck{
	width:2.1875rem;
	height: 0.9375rem;
	background: #fff;
	position: absolute;
	top:0.46875rem;
	left:0.46875rem;
	opacity: 0.6;
}
.ycont-rightpng{
	display: block;
	height:2.625rem;
	width: 4.5rem;
	/*background: darkmagenta;*/
	overflow: hidden;
	position: relative;
}
.zback{
	width:2.1875rem;
	height: 0.9375rem;
	background: #fff;
	position: absolute;
	bottom:0.46875rem;
	left:0.46875rem;
	opacity: 0.6;
}
.ycont-rightpng>img{
	width:100%;
	display: block;
}



/*推荐商品开始*/
.container{
	width:100%;
	margin:0.3125rem  auto;
	/*background: #000;*/
}
.r-tit{
	width:100%;
	height:1.5625rem;
	background: #fff;	
	border-bottom: 1px solid #f2f2f2;
}
.r-tit>p{
	color:#333;
	font-size:0.40625rem;
	text-align: center;
	line-height:1.5625rem ;
}

   #container{
    position: relative;
    width:100%;
    bottom:1.5625rem;
    /*background: #000;*/
	}
	.box{        
	    float: left; 
	    width:4.96rem;
	    height:6.875rem;
	    background:#fff ;
	    /*margin-bottom: 10px;*/
	    border-right: 1px solid #F2F2F2;
		border-bottom: 1px solid #F2F2F2;
		text-align: center; 
	    }
   /*#container .box_2{
   	border-right: 0;
   }*/
    .box_img{
        width:4.375rem;
		height:4.375rem; 
		overflow: hidden;
		margin:0.3125rem auto;
    }
     .box_img img{
        width: 100%;
        height: 100%;
        display: block;
        overflow: hidden;
     }
     .imgtext{
     	/*width:4rem;*/
     	height: 1rem;
		margin: 0 0.3125rem;
		/*background: darkblue;*/
	    overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		
     }
	.imgtext>p{
		text-align: left;
		color:#333;
		font-size:0.375rem;
	}
	.imgtext1{
		/*width:4rem;*/
		margin: 0 0.3125rem;
	}
	.imgtext1>p{
	color:#007234;
	font-size:0.34375rem;
	text-align: left;
}
/*
.back{
	width:100%;
	height:2rem;
	background: darkblue;
}*/
/*底导航开始*/
#nav{
	width:100%;
	height:1.5625rem ;
	border-top:1px solid #F2F2F2;
	background: #fff;
	position:fixed;
	z-index:999;
	left:0;
	right:0;
	bottom:0;
  	overflow: hidden;
}

.nav-ul{
	width:90%;
	height:100%;
	/*background: darkblue;*/
	margin: 0 auto;
}
.nav-ul>li{
	float: left;
	width:18%;
	/*background: darkcyan;*/
	margin: 0.25rem 3.5%;
	/*position: relative;*/
}
.nav-ul>li>a>img{
	width:0.53125rem;
	height:0.53125rem;
	display: block;
	margin: 0 auto 0.15625rem;
	/*background: red;*/
}
.nav-ul>li>a>p{
	text-align: center;
	font-size: 0.3125rem;
	color:#5d5d5d;
}





















